/* 表盘 */
#clock {
  background-color: #091924;
  height: 641px;
}

/* 中心点 */
#center {
  position: absolute;
  background: white;
  border: 3px solid #fab350;
}


/* 刻度线 */
.anchor_line {
  position: absolute;
  width: 18px;
  height: 2px;
  transform-origin: 0px 1px;
  background: #72777e;
}



/* 数字 - 分 */
.minute-num {
  text-align: center;
  font-size: 20px;
  position: absolute;
  color: #72777e;
  width: 30px;
  height: 30px;
}

/* 数字 - 时 */
.hour-num {
  text-align: center;
  font-weight: bold;
  font-size: 72px;
  position: absolute;
  color: #72777e;
  width: 100px;
  height: 30px;
  text-shadow: 0 2px 1px #9b9489, 0px -2px 1px #fff;
}

/* 日期、星期 */
#date_week {
  text-align: center;
  width: 100%;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  color: #72777e;
}

/* 秒针 */
#second-hand {
  transform-origin: 0px 1px;
  position: absolute;
  background-color: hsl(120, 100%, 65%);
  width: 280px;
  height: 2px;
  box-shadow: 0 0 3rem 9px hsla(120, 95%, 62%, 0.61);
}


/* 时针 */
#hour-hand {
  transform-origin: 0px 3px;
  position: absolute;
  background: #ff135e;
  width: 100px;
  height: 8px;
  border-radius: 5px;
}

/* 分针 */
#minute-hand {
  transform-origin: 0px 3px;
  position: absolute;
  background: #ffffff;
  width: 200px;
  height: 6px;
  border-radius: 3px;
}